﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>百记 - 捕捉灵感 快速记事</title>
    <meta name="keywords" content="百记,笔记,智能笔记,智能记事,分享协作" />
    <meta name="description" content="百记是一款智能笔记" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/style_da66be1.css"/>

</head>
<body>
    <header class="navbar navbar-fixed-top" id="top">
        <div class="container">
            <div class="navbar-logo">
                <a href="/" class="navbar-brand">百记</a>
            </div>
            <nav id="mainnav">
                <ul class="nav navbar-nav navbar-right">
                    <li><a target="_blank" class="btn btn-getstart" href="#" onClick="_hmt.push(['_trackEvent', 'top-navbar-getstart', 'click', 'pc']);">开始记事</a></li>
                    <!--li><a href="/">更新记录</a></li-->
                    <li><a target="_blank" href="#" onClick="_hmt.push(['_trackEvent', 'top-navbar', 'click', 'bbs']);">社区</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
        <div class="carousel-inner">
            <div class="active item"></div>
            <div class="item"></div>
        </div>
        <div class="carousel-content">
            <p class="name">捕捉灵感 快速记事</p>
            <p class="slogan">灵感闪现于瞬间，捕捉于瞬间，同步存储分享于瞬间<br/>AI时代，百记助您乐享智能生活</p>
		                <p class="download">
                <a target="_blank" href="#" class="btn btn-getstart-big">开始记事</a>
                <span class="btn btn-go-qrcode">扫描二维码</span>
            </p>
		            </div>
        <div class="carousel-wave"></div>
        <div class="carousel-wave2"></div>
    </div>

    <div class="container marketing">
        <div class="row featurette">
            <div class="col-md-5 col-md-offset-1">
                <h2 class="featurette-heading">记录无限可能，<span class="text-muted">语音、图片拍照等格式</span></h2>
                <p class="lead">无论是闪过的灵感、待办事项、语音资料、图片素材或是办公文档，百记都能随时为您服务，保留您的成果。</p>
            </div>
            <div class="col-md-6">
                <img class="featurette-image img-responsive center-block" src="picture/01_a769a4e.png" alt="记录无限可能，语音、图片拍照等格式">
            </div>
        </div>
        
        <div class="row featurette">
            <div class="col-md-5 col-md-push-6">
                <h2 class="featurette-heading"><span class="text-muted">不仅仅是记录，</span>还有智能提醒</h2>
                <p class="lead">百记，不仅仅是记录工具。TA还能借助百度强大的人工智能技术服务，做好您的私人秘书。</p>
            </div>
            <div class="col-md-6 col-md-offset-1 col-md-pull-6">
                <img class="featurette-image img-responsive center-block" src="picture/02_ff82785.png" alt="不仅仅是记录，还有智能提醒">
            </div>
        </div>

        <div class="row featurette">
            <div class="col-md-5 col-md-offset-1">
                <h2 class="featurette-heading">多端查看编辑</h2>
                <p class="lead">简单可依赖的协作分享协作平台，方便与您的团队、家人或者朋友分享记事，多端查看编辑，相信1+1＞2的力量。</p>
            </div>
            <div class="col-md-6">
                <img class="featurette-image img-responsive center-block" src="picture/03_ca4d18c.png" alt="多端查看编辑">
            </div>
        </div>
        
        <div class="row featurette">
            <div class="col-md-5 col-md-push-6">
                <h2 class="featurette-heading"><span class="text-muted">打造数据银行，</span>拥有超大存储空间</h2>
                <p class="lead">最便捷的闪念数据银行，您可以尽情放心地记录一切、生产创意，而数据由我们来替您保管。</p>
            </div>
            <div class="col-md-6 col-md-offset-1 col-md-pull-6">
                <img class="featurette-image img-responsive center-block" src="picture/04_c4cf3af.png" alt="打造数据银行，拥有超大存储空间">
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p class="footer-link">
                        <span><a href="http://www.baidu.com">百度首页</a></span> | 
                        <span><a href="#">联系我们</a></span>
                    </p>
                </div>
                <div class="col-md-6 text-right">
                    <p class="footer-copyright">© 2018 陶凯 保留一切权利<br/><a href="http://www.miitbeian.gov.cn/">苏ICP备17020183号</a></p>
                </div>
            </div>
        </div>
    </footer>
    <div class="gotop"><span class="qrcode"></span><a class="anchor" href="javascript:void(0);"></a></div>

    <script src="js/modernizr.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.scrollto.min.js"></script>
    <script src="js/index_ef441bd.js"></script>
</body>
</html>